@charset "utf-8";
/* CSS Document */
body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, form, iframe, th, td { margin: 0; padding: 0; }
* { padding: 0; }
body { color: #333; font-family:"got","Light","微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 2; width: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉安卓点击时的蓝色*/ }
div{box-sizing: border-box;}
h1{font:bold 32px/160% 微软雅黑}
h2{font:bold 22px/160% 微软雅黑}
h3{font:bold 18px/160% 微软雅黑}
h4{font:bold 16px/160% 微软雅黑}
h5{font:bold 14px/160% 微软雅黑}
.fl { float: left; }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #1e1e1e; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
ul, li { list-style-type: none; }
.fl { float: left; }
.fr { float: right; }
.wrap { margin: 0 auto; width: 1200px; }
.minwidth { min-width: 1200px; }
#container { background: #fff; }
.font16 { font-size: 16px; }
.textc { text-align: center; }
.textl { text-align: left; }
.textr { text-align: right; }
.mb { margin-bottom: 30px; }
.pr { position: relative; }
.pa { position: absolute; }
div { outline: none; }
input { outline: none; }
textarea { outline: none; }
table { border-collapse: collapse; border-spacing: 0;  border: 0; }
th, td { padding: 0; }
.aui_border, .aui_dialog, .content table { table-layout: auto; }
ul { padding: 0; }
p { margin: 0; }
li { zoom: 1; vertical-align: middle; }
ol { margin: 0px; padding: 0; padding-left: 36px; }
input, select, button, textarea { border: none; padding: 0;  font-size: 14px; line-height: 1.6; }
/*input:focus, textarea:focus { background: #fff; }*/
::-moz-placeholder { color: #b2b2b2;  }
::-webkit-input-placeholder { color: #b2b2b2; }
:-ms-input-placeholder { color: #b2b2b2;  }

.searchBox{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.9); left:0; top:0; z-index:222; text-align:center; display:none}
.searchBox  a{ position:absolute; right:50px; top:50px}
.searchBox form{ padding-top:15%;  border-bottom:solid 2px #fff; width:590px; margin:0 auto}
.searchBox form input{ font-size:40px; background:none;border:none; padding:3px 20px; color:#fff  }


/*编辑器操作区域样式*/
.cke_editable .operateArea { background: #FF9; position: relative; z-index:999; }
.cke_editable .operateArea a { cursor: pointer; }
.cke_show_borders { max-width: 1200px; }


.header-wrap{height: 90px;position: relative; z-index: 99}
#header { height: 90px; background:rgb(1,36,71);overflow: hidden;}
.index #header{background:rgba(1,36,71,.5);}
#header .wrap{ position: relative}
#header .lan{ position: absolute; right: 35px; top: 15px; color: #fff}
#header .lan a{ color: #fff}
.logo img { margin-top: 10px }
.intopmenu{display: none}
.intop{display: none}

.indexTit{letter-spacing: 2px}
.indexTit h1{font-size: 34px; font-weight: bold; margin-top: 40px; color: #222}
.indexTit p{  margin-top: -10px; padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; color: #888}
.indexTit.txtCenter{ text-align: center}

.indexTit.txtCenter p{  background-position:center bottom ;}

a.more{ border:solid 1px #666; color: #666; padding:10px 80px; font-size: 18px ; display: inline-block;  border-radius: 4px;    transition: all .3s;}
a.more:hover{ background: #1658a7 ;color: #fff;}

    /*导航*/
.menu {  margin-left: 245px}
.menu > li { float: left; margin: 0;  text-align: center; position: relative;  text-align: center}
.menu > li > a { display: block; font-size:16px;font-weight: bold; color: #fff; line-height: 56px; margin: 30px 25px 0 25px; letter-spacing: 1px }
.menu > li > a hr{ width: 0; border: none; border-bottom: solid 4px #fff; ; transition: width 0.2s;}
.menu > li > a:hover{border-bottom: solid 4px #fff;;color: #fff;}
.menu .menulist { width: 150px; display: none; background: rgba(255,255,255,0.95); padding: 5px 0; position: absolute; top: 47px; z-index: 50; left: -43px; text-align: center; overflow: hidden; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.menu .menulist > li { line-height: 34px; font-size: 14px; margin: 0; }
.menu .menulist > li > a { display: block; color: #a36701; }
.menu .menulist > li:hover > a { color: #0177cc; }
.menu > li > a:hover hr{ width: 100%}
.menu .subnav { display: block; }
.menu > .first > a hr{width: 100%; }
.menu > .first > a{border-bottom: solid 4px #fff;color: #fff;}
/*banner*/
#ban { position: relative; overflow: hidden; margin-top: -90px }
#ban .banner { height: 650px; overflow: hidden; position: relative; }
#ban .imglist li { position: absolute; background: none no-repeat center center; height: 650px; width: 100%; }
#ban .imglist li a { display: block; width: 100%; height: 100%; }
.pagelist { bottom: 35px; height: 14px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.pagelist li { font-size: 0px; margin: 0 7px; cursor: pointer; display: inline-block; height: 12px; width: 12px; border: 1px solid #fff; border-radius: 7px; }
.pagelist li.on { background: #fff; border-color: #fff; }


/*内页通用*/
#ban1 { background: url(../images/inbanner_1.png) no-repeat center center; height: 300px; }
#ban2 { background: url(../images/inbanner_2.jpg) no-repeat center center; height: 300px; }
#ban3 { background: url(../images/inbanner_3.jpg) no-repeat center center; height: 300px; }
#ban4 {background: url(../images/inbanner_4.jpg) no-repeat center center; height: 300px; }
#ban5 { background: url(../images/inbanner_5.jpg) no-repeat center center; height: 300px; }

.inmain{
    margin: 40px 0;
    overflow: hidden;
}

.proLeftBox { width: 100%; background: #eee;padding: 6px 0 0 0 }
.proLeftBox li{  display: inline-block; padding:0 15px}
.proLeftBox li a{  padding: 20px; line-height: 50px;color:#1658a7; font-weight: bold}
.proLeftBox li a.ahover{ background: #fff; }


.products{ height: 540px}
.products > li{ width: 300px; height: 435px; float: left; margin-bottom: 38px; position: relative; text-align: center}
.products > li > a{ margin: 0 auto; text-align: center; display: block}
.products > li h2{  text-align: center;  font-size:21px; transition: all .3s;  padding-top: 10px; font-weight: bold ; letter-spacing: 1px}
.products li ul{  display: inline-block; margin: 0 auto ;  padding-top: 10px; text-align: left}
.products li ul a{ color: #888; padding: 0 10px ; transition: all 0.5s ;background: none no-repeat -13px center;}
.products div{ text-align: left}
.products li ul a:hover{ padding: 0 0 0 20px; background: url(../images/arrow.png) 3px center no-repeat }

.main-application{height: 751px;background: url("../images/about_bg.jpg") no-repeat center center; padding-top: 30px}

.loop{ position: relative}
.solution{  height: 400px}
.solution li{ width: 400px;height: 400px; text-align: center }
.solution li a{display: block;padding: 0  9px 0 9px;}
.solution li a h2{ font-size: 18px; font-weight: bold ; color: #fff; background: rgb(0,96,197); height: 85px; line-height: 85px; width: 385px; transition:background 0.3s ;}
.solution li a:hover h2{ background: rgb(23, 166, 252)
}
.loop  .prev,.next{ z-index:10; cursor:pointer; position:absolute; top:120px; width:29px; height:48px}
.loop  .prev{ left:-40px; background: url(../images/left.png) no-repeat center center}
.loop  .next{ right:-40px; background:  url(../images/right.png) no-repeat center center}


.main3{
    height: 680px;
    overflow: hidden;
}
.main3Left{
    float: left;
    width: 625px;
    height: 320px;
}
.main3Left li{
    float: left;
    width: 560px;
    height: 420px;
    margin-right: 20px;
}
.main3Left li img{
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.main3Left li .newbox{
    width: 100%;
    height: 104px;
    border:1px solid #ccc;
    border-top: none;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
}
.main3Left li .newbox h1{
    font-size: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.main3Left li .newbox h3{
    font-size: 14px;
    color: #999;
}
.main3Left li .newbox h5{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.main3Right{
    float: right;
    width: 570px;
    height: 320px;
    margin-right: 5px;
}
.main3Right li{
    display: block;
    width: 100%;
    height: 94px;
    background-color: #fbfafa;
    margin-bottom: 19px;
    transition: all .3s;
    margin-right: 5px;
}
.main3Right li .leftBox{
    width: 105px;
    height: 100%;
    float: left;
    text-align:center;
    border-right: 1px solid #ddd;
    color: #666;
    transition: all .3s;
}
.main3Right li .leftBox h1{
    font-size: 32px;
    font-weight: bold;
    line-height: 75px;
}
.main3Right li .leftBox h3{
    line-height: 1px;
    font-size: 16px;
}
.main3Right li .rightBox{
    float: right;
    width: 450px;
    height: 100%;
    transition: all .3s;
}

.main3Right li .rightBox h1{
    font-size: 20px;
    padding-top: 15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all .3s;
    text-align: left;
    font-weight: normal;
}
.main3Right li .rightBox h3{
    font-size: 14px;
    color: #666;
    padding-top: 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
}
.main3Right li:hover .leftBox{
    background-color: #0d6fb8;
    color: #fff;
}
.main3Right li:hover{
    background-color: #fff;
    box-shadow: 5px 5px 5px #ccc;
}
.main3Right li:hover .rightBox{
}

.main3Right li:hover .rightBox h1{
    color: #0d6fb8;
}

.main3Right .more{ margin-top: 20px; float: left}


.category  li{ float: left; margin-right: 80px}
.category > li > ul { position: absolute; left: 0; width: 1200px; display: none ; background: #f8f8f8; padding: 15px 0}
.category > li.select.hideUl > ul{ display: none}
.category > li.select > ul{ display: block;  }
.category li a{ padding: 3px 10px; transition:  all 0.2s }
.category > li.select > a,.category > li.hover > a{ color: #f4b305;border-bottom:  solid 3px #f4b305;}
.category > li.select.hideUl > a{ color: #000; border-bottom: none}
.category > li > ul > li > a.select1{ color: #f4b305; font-weight: bold}
.category > li > ul > li > a:hover{ color: rgb(44,108,179) }
.category > li > a { font-weight: bold; font-size: 16px}
.category > ul { width: 100%}
.category > li.hover > ul { display: block}

.productslist{margin-bottom: 40px}
.ttbale{ border-spacing: 0; border-collapse: collapse ;border:1px solid #fff; color:#333;  line-height:14px;  width: 100% ; width: 100%; text-align: left ; }
.ttbale th, .ttbale td{ border: solid 1px #ddd; line-height:1.2; padding: 8px 10px; font-size: 12px; word-break: keep-all;}
.ttbale th{ background: rgb(44,108,179); color: #fff; padding: 10px; text-align:left}
.ttbale  sub{ font-size: 11px; font-weight: normal}

.ttbale tr.odd td{ background: #eee}
.ttbale a{ color:  rgb(44,108,179)}

.foot{background: #363535; border-top:solid 5px #b7b6b6; height: 292px; color: #fff}
.foot .foot_header{margin-top: 15px}
.foot .foot_menu{ float: right; padding-top: 30px}
.foot .foot_menu li{ float: left; border-right: solid 1px #ddd;line-height: 1}
.foot .foot_menu li a{ color: #ddd; padding:0 20px; }
.foot .foot_menu li:last-child{ border-right: none; padding-right: 0 }
.foot_body{ }
.foot_body img{display: block}
.foot_body .left{float: left; margin-top: 40px}
.foot_body .left .contact li{float: left; margin-right: 140px}
.foot_body .left .contact li img{float: left; vertical-align: middle}
.foot_body .left .contact li div{ float: left; margin:-5px 0 0 12px; font-size: 16px}
.foot_body .left .links {clear: left; padding-top: 50px}
.foot_body .left .links li{ float: left; margin-right: 20px; line-height: 1;font-size: 13px}
.foot_body .left .links li img{ float: left;}
.foot_body .left .links li:first-child{ margin-right: 5px}
.foot_body .left .links li a{color: #fff; }

.foot_body .right{float: right; text-align: center; padding-right: 10px}
.foot_body .right img{ margin: 0 auto}
.foot2 { background: #222;color: #aaa; font-size: 12px; height: 45px; line-height: 45px; }
.foot2 .fl {color: #aaa; float: left;}
.foot2 .fr { color: #aaa; float: right;}
.foot2 a { color: #aaa; }


.proUl{
}
.proUl li{ width: 322px ; height: 330px; float: left; margin:0 42px; text-align: center; line-height: 2;}
.proUl li div{width: 320px ; height: 240px; border: solid 1px #999;overflow: hidden; margin-bottom: 5px}
.proUl li.row-last{ margin-right: 0}
.proUl li img{ width: 320px; height: 240px;  padding: 0px;transition: all 0.3s   }

.proUl li a:hover img{ transform: scale(1.1) }


/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 35px; margin: 0 auto;margin-top: 20px;}
#pageNav a { color: #888; text-decoration: none; border: 1px solid #d2d2d2; font-size: 12px; line-height: 24px; height: 24px; padding: 4px 15px; text-align: center; border-radius: 6px; width: 10px}
.pageNum, .cPageNum, .listnumber { display: inline-block; }
#pageNav .cPageNum { color: #fff; background: #444; border-radius: 6px }
#pageNav .pageNum:hover { color: #fff; background: #0d6fb8; }
#pageNav a.listnumber { border: none; padding: 0; }


.titlepro { font-size: 18px; color: #0eb156; text-align: center; margin: 10px 0 10px; }
.title { padding-bottom: 10px; color: #333; text-align: center; font-size: 24px;  font-weight: bold}
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; font-size: 16px }
.time .date { padding-left: 20px; background: url(../images/clock.png) no-repeat left center; }
.time .hits { margin-left: 20px; padding-left: 20px; background: url(../images/eye.png) no-repeat left center; }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; height: 50px; }
.operate span { float: left;  color: #888; }
.operate span a { /*font-style: italic;*/ color: #888; }
.operate div { float: right; width: 150px; text-align: right; }
a.return { padding:4px 20px 6px; border-radius: 6px ; background: #eee; color: #888; text-align: center }

/*招聘*/
.jobtitle { cursor: pointer; background: #fbfbfb; border-bottom: 1px solid #e3e3e3; }
.jobtitle:hover { background: #003778; color: #fff; }
.sub3 { display: none; }
.sub4 { display: none; }
.jobtitle:hover .subgif2 { display: none; }
.jobtitle:hover .sub3 { display: block; }
.jobtitle.currr:hover .sub3 { display: none; }
.jobtitle.currr:hover .sub4 { display: block; }
.currr { background: #003778; color: #fff; }
.jobtitle td,.JobList-J1 th { line-height: 45px; padding-top: 3px; padding-bottom: 3px; }
.jobsub { background: #e9e9e9; display: none; overflow: hidden; padding: 20px 60px; }

.tr_un { float: left; height: 40px; line-height: 40px; padding-top: 10px ;width: 100%; }
._t1 { padding-left: 60px; text-align: left !important; width: 312px; }
._t3 { width: 204px; }
._t4 { width: 372px; }
._t5 { width: 204px; }
._t6 { width: 48px; }
.td_un { overflow: hidden; text-align: center; }
.JobList-J1 li:hover { background: #e9e9e9; }

.prosearch{ margin-top:10px}
.prosearch li{ width:25%; float:left; height:30px; }
.prosearch li a{background:url(../images/arrow.png) no-repeat left; padding-left:20px}

#contactform h3{ font-weight: normal}
span.error{color: red; position: absolute; }
.messageTit{
    margin-top: 40px;
    font-size: 30px;
    text-align:center;
}
.msg_Tit{
    margin-top: 10px;
    clear: both;
}
.msg_Tit h3{
    font-size:20px;
    margin-bottom: 5px;
}
.msg_Tit input{
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.msg_Tit textarea{
    width: 100%;
    height:195px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.msg_Left{
    float: left;

}
.msg_Left{
    float: left;
    margin-top: 10px;
}
.msg_Left h3{
    font-size:20px;
    margin-bottom: 5px;
}
.msg_Left input{
    width: 588px;
    height: 52px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.msg_Right{
    float: right;
    margin-top: 10px;
}
.msg_Right h3{
    font-size:20px;
    margin-bottom: 5px;
}
.msg_Right input{
    width: 588px;
    height: 52px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.msg_submit{
    margin-left: 513px;
    margin-top: 35px;
    width: 174px;
    height: 45px;
    background-color: #ed0013;
    color: #fff;
    line-height: 45px;
    text-align:center;
    cursor: pointer;
    font-size: 20px;
    clear: both;
}